<template>
  <div>
    <div>测试子组件:{{modelValue}}</div>
    <button @click='handleClick'>点击</button>
  </div>
</template>
<script>
export default {
  name: 'MyChild',
  props: {
    // Vue3中，v-model默认绑定的属性名称是modelValue
    modelValue: {
      type: String,
      default: ''
    }
  },
  setup (props, { emit }) {
    const handleClick = () => {
      // props的值是只读的（单向数据流）
      // props.modelValue = 'nihao'
      emit('update:modelValue', 'nihao')
    }
    return { handleClick }
  }
}
</script>
